<!DOCTYPE HTML>
<html xmlns:fb="http://www.facebook/com/2008/fbml" xml:lang="ko" lang="ko" dir="ltr">
<head>
<title>Galaxy Pro! | Event</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="resource-type" content="document" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<!--[if IE]>
 <meta http-equiv="imagetoolbar" content="no" />
<![endif]-->
<link type="text/css" rel="stylesheet" href="./css/gal_tab.css" />
<!--[if gte IE 8]><link rel="stylesheet" type="text/css" href="./css/ie8gte.css" /><![endif]-->
<script type="text/javascript" src="./js/jQuery.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/gal_tab.js"></script>
</head>
<body class="gxt-event">
<!-- 갤럭시 탭 -->
<p class="skip"><a href="#gxt-content">본문 바로가기</a></p>
<div class="gxtWp">
	<div class="gxt-side">
		<h1 class="gxt-logo"><a href="./main.html"><img src="./images/logo.jpg" alt="PRO! 태블릿의 기준을 바꾸다" /></a></h1>
		<div class="gxt-menu">
			<a href="./product.html"><span class="product">Product</span></a>
			<a href="./event_list.html" class="active"><span class="event">Event</span></a>
			<a href="./ambassador.html"><span class="ambassador">Ambassador</span></a>
		</div>
		<div class="gxt-banner">
			<a href="#"><img src="./images/temp/side_banner_182x257.jpg" alt="GALAXY NOTE PRO -S Pen / S Note, -309.7 mm WQXGA LCD, -Multi Window" /></a>
		</div>
	</div><!-- // gtx-side -->

	<div class="gxt-ct" id="gxt-content">
		<div class="event-view">
			<p class="tit">
				<span class="title">통합 사이트 오픈 기념 이벤트 프로 OX퀴즈</span>
				<span class="nav">
					<a href="#" class="btn_back">이전 이벤트 보기</a>
					<a href="#" class="btn_forword">다음 이벤트 보기</a>
				</span>
			</p>
			<div class="event-cont">
				<div class="modal-fff"></div>
				<div class="event_cont_top">
					<img src="./images/event/img_event_cont.jpg" alt="" />
					<div class="hidden">
						<h2>통합 사이트 오픈 기념 이벤트 프로OX퀴즈</h2>
						<p>진정한 ‘프로’가 되기 위한 입문 코스를 정복하자! 갤럭시 노트 프로 &amp; 갤럭시 탭 프로 관련 퀴즈를 풀어주세요. 추첨을 통해 ‘프로’가 되기 위한 필수품을 선물로 드립니다.</p>
						<p>이벤트기간 : 2014년 3월 12일 ~ 3월 31일</p>
						<p>경품 : 갤럭시 노트 프로 (1명) / 갤럭시 탭 프로 (1명) / ST-66 카메라 (10명) / 에버랜드 자유 이용권 (50명, 1인 1매)</p>
					</div>
				</div>
				
				<div class="wrap_oxquiz">
					<div class="oxquiz step0">
						<p class="quiz"><img src="./images/event/txt_quiz00.png" alt="START 버튼을 누르고 OX퀴즈를 풀어주세요" /></p>
						<p class="btn_start"><a href="#" onclick="$('.step1').show(); $('.step0').hide(); return false;"><img src="./images/event/btn_start.gif" alt="START" /></a></p>
					</div><!-- //start -->
					
					<div class="oxquiz step1" style="display:none;">
						<p class="quiz"><img src="./images/event/txt_quiz01.png" alt="갤럭시 노트 프로는 초고해상도의 WQXGA 디스플레이다" /></p>
						<p class="btn_ox">
							<a href="#" class="btn_o this">O</a>
							<a href="#" class="btn_x">X</a>
						</p>
						<p class="hint"><a href="#hint01" title="힌트보기 레이어팝업" onClick="$('#hint01').show(); return false;"><img src="./images/event/img_hint.png" alt="힌트보기" /></a></p>
						<div class="pop_hint" id="hint01" style="display:none;">
							<img src="./images/event/img_hint01.jpg" alt="초고해상도 WQXGA  디스플레이 / 놀랄만큼 선명하고 커진 화면으로 무장한 갤럭시 노트 프로는  309.7mm  대화면과 초고해상도 
							디스플레이로 지금까지 태블릿에서 경험 할 수 없던 멀티미디어 환경을 제공" />
							<a href="#" class="btn_close" onClick="$('.pop_hint').hide(); return false;"><img src="./images/event/btn_close.gif" alt="닫기" /></a>
						</div>
					</div><!-- //step1 -->
					
					<div class="oxquiz step2" style="display:none;">
						<p class="quiz"><img src="./images/event/txt_quiz02.png" alt="갤럭시 노트 프로는 2가지 작업이 가능한 멀티 윈도우다" /></p>
						<p class="btn_ox">
							<a href="#" class="btn_o">O</a>
							<a href="#" class="btn_x this">X</a>
						</p>
						<p class="hint"><a href="#hint02" title="힌트보기 레이어팝업" onClick="$('#hint02').show(); return false;"><img src="./images/event/img_hint.png" alt="힌트보기" /></a></p>
						<div class="pop_hint" id="hint02" style="display:none;">
							<img src="./images/event/img_hint02.jpg" alt="4가지 작업을 동시에 ‘멀티윈도우’ / 갤럭시 노트 프로의 대화면은 4개의 애플리케이션까지 동시에 한 화면에서 볼 수 있고,  
							쉽고 빠르게 창의 크기를 바꾸거나 원하는 위치로의 이동이 가능한 멀티태스킹 환경을 제공" />
							<a href="#" class="btn_close" onClick="$('.pop_hint').hide(); return false;"><img src="./images/event/btn_close.gif" alt="닫기" /></a>
						</div>
					</div><!-- //step2 -->
					
					<div class="oxquiz step3" style="display:none;">
						<p class="quiz"><img src="./images/event/txt_quiz03.png" alt="갤럭시 노트 프로의 편리하고 공간 효율성이 큰 키보드는 Multi Keyboard 이다" /></p>
						<p class="btn_ox">
							<a href="#" class="btn_o">O</a>
							<a href="#" class="btn_x this">X</a>
						</p>
						<p class="hint"><a href="#hint03" title="힌트보기 레이어팝업" onClick="$('#hint03').show(); return false;"><img src="./images/event/img_hint.png" alt="힌트보기" /></a></p>
						<div class="pop_hint" id="hint03" style="display:none;">
							<img src="./images/event/img_hint03.jpg" alt="키보드의 혁신 Virtual Keyboard / 갤럭시 노트 프로의 Full- size 의 Virtual Keyboard 는 실제 키보드와 같은 기능을 
							보다 편리하고 효율적으로 사용 가능" />
							<a href="#" class="btn_close" onClick="$('.pop_hint').hide(); return false;"><img src="./images/event/btn_close.gif" alt="닫기" /></a>
						</div>
					</div><!-- //step3 -->
					
					<div class="oxquiz step4" style="display:none;">
						<p class="quiz"><img src="./images/event/txt_quiz04.png" alt="갤럭시 노트 프로에서 다양한 포맷의 문서를 보고, 편집 할 수 있는 기능은 한컴오피스이다" /></p>
						<p class="btn_ox">
							<a href="#" class="btn_o this">O</a>
							<a href="#" class="btn_x">X</a>
						</p>
						<p class="hint"><a href="#hint04" title="힌트보기 레이어팝업" onClick="$('#hint04').show(); return false;"><img src="./images/event/img_hint.png" alt="힌트보기" /></a></p>
						<div class="pop_hint" id="hint04" style="display:none;">
							<img src="./images/event/img_hint04.jpg" alt="더욱  쉽고 편리해진 놀라운 사용성 / 갤럭시  노트 프로에 최적화된 한컴 오피스를 이용하여 PC에서 만든 문서를 보거나 PC에서 처럼 편집 가능" />
							<a href="#" class="btn_close" onClick="$('.pop_hint').hide(); return false;"><img src="./images/event/btn_close.gif" alt="닫기" /></a>
						</div>
					</div><!-- //step4 -->
					
					<div class="oxquiz step5" style="display:none;">
						<p class="quiz"><img src="./images/event/txt_quiz05.png" alt="갤럭시 탭 프로는 기존 태블릿 보다 더 얇고 가벼워 졌다" /></p>
						<p class="btn_ox">
							<a href="#" class="btn_o this">O</a>
							<a href="#" class="btn_x">X</a>
						</p>
						<p class="hint"><a href="#hint05" title="힌트보기 레이어팝업" onClick="$('#hint05').show(); return false;"><img src="./images/event/img_hint.png" alt="힌트보기" /></a></p>
						<div class="pop_hint" id="hint05" style="display:none;">
							<img src="./images/event/img_hint05.jpg" alt="331g 더욱 얇고 가벼워진 휴대성 / 갤럭시  탭 프로는  한 손에 들어오는 7.2mm의 슬림한 두께와 331g의 무게로 일상생활에 최적화된 휴대성 강조!" />
							<a href="#" class="btn_close" onClick="$('.pop_hint').hide(); return false;"><img src="./images/event/btn_close.gif" alt="닫기" /></a>
						</div>
					</div><!-- //step5 -->
					
					<div class="pop_result true" style="display:none;">
						<p class="txt"><img src="./images/event/txt_result_true.gif" alt="정답입니다. 아래 버튼을 눌러 다음 퀴즈를 풀어주세요" /></p>
						<a href="#"><img src="./images/event/btn_next_quiz.gif" alt="다음문제풀기" /></a>
					</div><!-- //정답팝업 -->
					
					<div class="pop_result false" style="display:none;">
						<p class="txt"><img src="./images/event/txt_result_false.gif" alt="오답입니다. 힌트를 보고 문제를 다시 풀어주세요" /></p>
						<a href="#"><img src="./images/event/btn_retry.gif.gif" alt="문제다시풀기" /></a>
					</div><!-- //오답팝업 -->
				</div>
				
				<div class="event_caution">
					<img src="./images/event/img_caution.jpg" alt="" />
					<div class="hidden">
						<p>※ 이벤트 유의사항</p>
						<ul>
							<li>- 이벤트 참여는 중복 가능하며, 당첨은 1인당 1회만 가능합니다 (중복 당첨 불가)</li>
							<li>- 당첨상품은 중복 지급하지 않으며, 타인에게 양도 및 판매를 금지합니다.</li>
							<li>- 경품의 브랜드, 종류, 가격은 선택 불가능하시며, 경품 이미지와 실제 경품이 다를 수 있습니다.</li>
							<li>- 갤럭시 노트 프로, 갤럭시 탭 프로, ST-66 경품의 경우 제품 컬러는 선택 불가능하며 제세공과금은 당첨자 개별부담입니다.</li>
							<li>- 이벤트 응모 시 입력한 개인정보가 수령인과 반드시 일치 하여야 하며, 불일치시 당첨이 취소 됩니다.</li>
							<li>- 이벤트 진행 일정과 내용 및 경품은 당사 사정에 의해 예고없이 변경 될 수 있으며, 발표일과 배송 일정은 당사 사정에 의해 지연 될 수 있습니다.</li>
							<li>- 잘못된 개인정보 입력으로 당첨자에게 연락이 불가능하거나 경품이 반송 / 분실 될 경우 재발송 되지 않으며 당사에서 책임지지 않습니다.</li>
						</ul>
					</div>
				</div>

				<!-- 개인정보 팝업 -->
				<div class="pop-ox regist" style="display:none;">
					<h3><img src="./images/event/regist_title.gif" alt="개인정보 입력하기" /></h3>
					<form>
						<div class="fields">
							<p class="field name">
								<label for="reg_name"><img src="./images/event/img_name.gif" alt="이름" /></label>
								<span class="ox-input"><input type="text" id="reg_name" /></span>
							</p>
							<p class="field tel">
								<label for="reg_tel_1"><img src="./images/event/img_tel.gif" alt="전화번호" /></label>
								<span class="ox-input"><input type="text" id="reg_tel_1" title="전화번호 앞자리" /></span>
								<span class="ox-input"><input type="text" title="전화번호 중간자리" /></span>
								<span class="ox-input"><input type="text" title="전화번호 뒷자리" /></span>
							</p>
						</div>
						
						<div class="agree-box">
							<p style="padding-bottom:20px;"><img src="./images/event/agree_text.gif" alt="입력하신 개인정보는 삼성 태블릿 통합사이트 이벤트를 위해서만 사용됩니다." /></p>
							<div class="agree">
								<div class="agree-scroll">
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
									a<br />
								</div>
								<p class="agree_check">
									<img src="./images/event/agree_ok.gif" alt="위의 내용에 동의 하십니까?" />
									<span class="cehck">
										<input type="checkbox" id="chk_a_yes"><label for="chk_a_yes">동의함</label>
										<input type="checkbox" id="chk_a_no"><label for="chk_a_no">동의하지 않음</label>
									</span>
								</p>
							</div>
							<div class="agree">
								<div class="agree-scroll">
									
								</div>
								<p class="agree_check">
									<img src="./images/event/agree_ok.gif" alt="위의 내용에 동의 하십니까?" />
									<span class="cehck">
										<input type="checkbox" id="chk_b_yes"><label for="chk_b_yes">동의함</label>
										<input type="checkbox" id="chk_b_no"><label for="chk_b_no">동의하지 않음</label>
									</span>
								</p>
							</div>
							<div class="btn">
								<a href="#" onclick="$('.pop-ox.regist').hide(); $('.pop_end').show(); return false;"><img src="./images/event/agree_btn.gif" alt="확인" /></a>
							</div>
						</div>
					</form>
					<a href="#" class="close_reg" onclick="$('.pop-ox.regist').hide(); return false;"><img src="./images/event/close_reg.gif" alt="개인정보 창 닫기" /></a>
				</div>
				<!-- // 개인정보 팝업 -->
				
				<!-- 이벤트 참여완료 팝업 -->
				<div class="pop_end" style="display:none;">
					<img src="./images/event/txt_end.gif" alt="이벤트 참여 완료 / 프로OX퀴즈 이벤트에 참여해 주셔서 감사합니다." />
					<a href="#" class="close_reg"><img src="./images/event/close_reg.gif" alt="이벤트 참여완료 창 닫기" /></a>
				</div>
				<!-- //이벤트 참여완료 팝업 -->

				<script>
					var _UX_setp = 1;
					$('.btn_o, .btn_x').bind('click', function(){
						$('.btn_o, .btn_x').removeClass('active');
						$(this).addClass('active');

						if ($(this).hasClass('this')){
							if (_UX_setp == 5){
								$('.pop-ox.regist').show();
								_UX_modal.show();
							} else {
								$('.pop_result.true').show();
								$('.pop_result.true').find('a').bind('click', function(){
									$('.oxquiz').hide();
									$('.pop_result.true').hide();
									$('.oxquiz').eq(_UX_setp).show();
									$('.oxquiz').eq(_UX_setp).show();
									return false;
								});
								_UX_setp ++;
							}
						} else {
							$('.pop_result.false').show();	
							$('.pop_result.false').find('a').bind('click', function(){
								$('.pop_result.false').hide();
								return false;
							});
						}
						return false;
					});
				</script>
			</div>
		</div><!-- // event-view -->
	</div><!-- // gtx-ct -->

</div><!-- // gxtWp -->
<!-- //갤럭시 탭 -->
</body>
</html>